<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>喜茶订单小票</title>
    <link rel="stylesheet" href="{{url_for('static', filename='css/style1.css')}}">
</head>
<body>
    <div class="receipt">
        <div class="header">
            <img src="https://www.theexchange.my/contentassets/c807ded701c7445fa2dae3a31863698c/heytea.png" width="150" height="150" alt="喜茶 Logo">
            <div class="logo">喜茶</div>
            <div class="sub-logo">HEYTEA</div>
                <span>取餐号:</span>
                <span>{{pickup_number}}</span>
        </div>
        
        <div class="store-info">
            <div>喜茶 · {{branch}}</div>
            <div>电话: 0755-12345678</div>
        </div>
        
        <div class="order-info">
            <div class="order-info-row">
                <span>订单号:</span>
                <span>{{order_id}}</span>
            </div>
            <div class="order-info-row">
                <span>日期:</span>
                <span>{{order_date}}</span>
            </div>
            <div class="order-info-row">
                <span>收银员:</span>
                <span>张小明</span>
            </div>
            <div class="order-info-row">
                <span>取餐号:</span>
                <span>{{pickup_number}}</span>
            </div>
            <div class="order-info-row">
                {% if is_delivery %}
                <span>配送地址:</span>
                <span>{{delivery_address}}</span>
                {% else %}
                <span>堂食/自取</span>
                {% endif %}
            </div>
        </div>
        
        <div class="items">
            {%for item in items %}
            <div class="item">
                <div class="item-name">{{item.name}}</div>
                <div class="item-price">¥{{item.price}}</div>
            </div>
            {%endfor%}
        
        <div class="summary">
            <div class="summary-row">
                <span>商品合计:</span>
                <span>¥{{ total }}</span>
            </div>
            <div class="summary-row">
                <span>包装费:</span>
                <span>¥3.00</span>
            </div>
            <div class="summary-row total">
                <span>实付金额:</span>
                <span>¥{{total+3}}</span>
            </div>
            <div class="summary-row">
                <span>支付方式:</span>
                <span>微信支付</span>
            </div>
        </div>
        
        <div class="qr-section">
            <div>扫码评价，赢积分好礼</div>
            <div class="qr-code">二维码占位符</div>
        </div>
        
        <div class="footer">
            <div>客服电话: 400-888-8888</div>
            <div>www.heytea.com</div>
            <div class="thank-you">感谢您的光临！</div>
        </div>
    </div>
</body>
</html>